<header>
    <div class="navigation-temporary navigation-ind1">
      <div class="header-container">
        <a href="index.jsp" class="header-log"><img src="img/logo_1.png" id="logo"/></a>
        <nav id="temporary-header">
          <a href="#" id="menu-icon"></a>
          <ul>
            <li><a href="index.jsp" class="cool-link now-tag">HOME</a></li>
            <li><a href="platform.jsp" id="platFormId" style="margin-right: -16px;" class="cool-link">PLATFORM</a></li>
            <li>
              <div class="dropdown">
                <div class="dropbtn cool-link" onclick="myFunction()">
                  <a href="platform.jsp#section-platform-benefits-anchor" style="margin-top: -8px;">PRODUCTS</a> <i class="fa fa-caret-down"></i>
                  <div class="dropdown-content" id="myDropdown">
                    <div class="row">
                      <div class="column" style="width: 50%;">
                        <table style="width: 100%;">
                          <tr>
                            <td><h3 style="text-align: left; margin-left: 10px; text-decoration: underline;">Financing</h3></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><a href="product_pof.jsp">Purchase Order Financing</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_factoring.jsp">Factoring</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_apf.jsp">Approved Payables</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_abl.jsp">Asset Based Lending</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_arf.jsp">Account Receivables</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_forfaiting.jsp">Forfaiting</a></td>
                          </tr>
                        </table>
                      </div>
                      <div class="column" style="width: 49%;">
                        <table>
                          <tr>
                            <td><h3 style="text-align: left; margin-left: 10px; text-decoration: underline;">Trade Assistance</h3></td>
                            <td></td>
                          </tr>
                          <tr>
                            <td><a href="product_cob.jsp">Customer Onboarding</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_rp.jsp">Risk Participation</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_bpo.jsp">Bank Payment Obligation</a></td>
                          </tr>
                          <tr>
                            <td><a href="product_docprep.jsp">DocPrep</a></td>
                          </tr>
                        </table>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li><a href="news.jsp" class="cool-link">NEWS</a></li>
            <li><a href="contact.jsp" class="cool-link">ABOUT</a></li>
            <li><a href="message.jsp" class="cool-link">CONTACT</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </header>